<%-- 
    Document   : header
    Created on : 22/11/2010, 03:33:54 PM
    Author     : LENOVO
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
        
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.3.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <style>
		.transpa {
		background-color: transparent;
		border: 0px solid #000000;
		}
	</style>
<!-- Ajax     -->
<%
	int tiempoSesion= session.getMaxInactiveInterval();
// 	tiempoSesion-=  120;
	System.out.println("Tiempo Session " +  tiempoSesion);
%>
  
    <SCRIPT>
    var contador = 0;
    var timeSesion=<%=tiempoSesion%>;
    var contador = 0;
    var totalSegundos=30;
    var swpopup=0;
    var windows_popup;

		 // llamo a la función de Actualización 1 segundo después de su primera carga
//  	ID=window.setTimeout("Actualizar();",1000);
 
	function IrLogin(){
		  location="<%=request.getContextPath()%>/login.do";
  }
	
	function Actualizar() {
		   contador ++; 
		   var seg=timeSesion-contador;
		   var resetTime = document.getElementById("oculto").value; 
				   
		   if(contador%timeSesion==0 && swpopup==0){
			    swpopup=1;
	            var pagina="sesion_popup.jsp";
// 	            var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=250, height=200, top=0, left=0";
// 	            windows_popup=window.open(pagina,"",opciones);
	            
	            var opciones="dialogWidth:300px; dialogHeight:150px; center:yes";
	            windows_popup = window.showModalDialog(pagina,"",opciones);        
	            document.getElementById("oculto").value = windows_popup; 
// 	            alert(document.getElementById("oculto").value);      
	            if (document.getElementById("oculto").value == "inactivo") {  
				    IrLogin();
				}else if (document.getElementById("oculto").value == "activo"){
					contador = 0;
					swpopup = 0;
				}
		   } 	   
		  
		   document.getElementById("reloj").innerHTML = " Se cerrará en: " +  segundos_a_mimutos(seg);
//   		   ID=window  .setTimeout("Actualizar();",1000);
		}
	
	
	function segundos_a_mimutos(sec){
		var min = Math.floor(sec/60);
		sec = sec % 60;
		if(sec<10) sec = "0" + sec;
		if(min<10) min = "0" + min;
		return  min + ":" + sec + " ";
	
		}
</SCRIPT> 


    <body >
    	<input type="hidden" id="oculto" >
        <table width="100%"  cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td height="18" bgcolor="ced1dc" colspan="3" align="right" class="labelCampos" >
                    <bean:message key="header.bienvenida" /><span>
                        <c:out value="${sessionScope.session_usuario.strName} " />&nbsp;
                    </span>
                </td>
            </tr>
            <tr>
                <td height="18"  bgcolor="ced1dc" class="titulo">
                    &nbsp;Sistema de Gestión de Desempeño
                </td>
            </tr>
            <tr>
                <td height="18" bgcolor="ced1dc"  align="right" class="opcionesheader">   
                	<div id="reloj"></div>
                    <a href="login.jsp">
                        <img style="cursor:hand;text-decoration: none" src="images/header/img_cerrar.gif"  />&nbsp;
                        <span >
                             <bean:message  key="link.salir" />
                        </span>
                    </a>&nbsp;
                </td>
            </tr>
			

        </table>
        <table width="100%" border="0">
            <tr >
                <td height="14"  colspan="3" bgcolor="#1C415C"   >

                </td>
            </tr>
        </table>
           
    </body>
</html>
